<!doctype html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta http-equiv="window-target" content="_top">
<meta content="telephone=no" name="format-detection" />
<title>Central Intelligence Agency</title>
<meta name="Keywords" content="Central Intelligence Agency">
<meta name="description" content="Central Intelligence Agency">
<meta name="author" content="">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<link rel="shortcut icon" href="favicon.png">
 
<style>
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
html, body {height: 100%;}
html{-webkit-font-smoothing: antialiased;}
body, button, input, select, textarea {font:12px/1.5 '\5b8b\4f53', Arial;color:#666;}
a, button, input, select, span, img, i, cite, tt, em, button{transition:all .4s;color:#666;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}
audio, canvas, progress, video{display: inline-block; vertical-align: baseline;}
audio:not([controls]) {display: none;height: 0;}
h1, h2, h3, h4, h5, h6 {font-weight:bold;}
img {border:0;vertical-align: middle;-ms-interpolation-mode: bicubic;}
a, a:hover {text-decoration:none;outline: 0;}
b, strong {font-weight: bold;}
p {margin: 0;line-height: 200%; color: #666;}
ul, li {margin:0; padding:0; list-style:none;}
button, input, optgroup, select, textarea {margin: 0;padding: 0; font: inherit;color: inherit;}
button, input {-webkit-appearance:none;outline:none;}
::-webkit-input-placeholder{color:#ccc;}
::-moz-placeholder{color:#ccc;}
:-moz-placeholder{color:#ccc;}
::-ms-input-placeholder{color:#ccc;}
input:-moz-placeholder { color:#ccc; }
textarea:-moz-placeholder { color:#ccc;}
::selection{background:#333;color:#999;text-shadow:none;}
.yh {font-family:Microsoft YaHei, '\9ed1\4f53';}
.jh {font-family:Microsoft JhengHei, '\9ed1\4f53';}
.hide {display:none !important;}
.clear {clear:both;}
.fl {float: left !important;}
.fr {float: right !important;}
body {background:#010b2d url() center  no-repeat;background-size:cover;font-family: arial;}
input {width: 100%; max-width: 600px;height: 60px;padding: 0 15px 0 60px;box-sizing: border-box; line-height: 60px;font-size:20px;color: #666;background-position: 10px;background-repeat: no-repeat;margin: 10px 0;border: none;border-radius: 2px;}
.name {background-image: url();}
.pass {background-image: url();}
.main {width:100%;max-width: 600px; overflow: hidden;margin:-300px auto 0;box-sizing: border-box;padding: 10px;position: absolute;top: 50%;left: 0;right: 0;}
.logo {width: 100%;overflow: hidden;display: block;margin: 0 0 30px;text-align: center;}
	.logo img {width: 35%;height: auto;}
.title {width: 100%;padding: 20px 0;color: white;text-align: center;text-transform:capitalize;font-size: 2em;font-weight: normal;color: #4c6ac3;}
.btn {width: 158px;height: 60px;line-height: 60px;display: block;margin: 20px auto 0;border-radius: 3px;font-size: 22px;text-align: center;color: #1e44a9;
background: #4f79e5; 
background: -moz-linear-gradient(top,  #4f79e5 0%, #3a62dd 100%);
background: -webkit-linear-gradient(top,  #4f79e5 0%,#3a62dd 100%); 
background: linear-gradient(to bottom,  #4f79e5 0%,#3a62dd 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f79e5', endColorstr='#3a62dd',GradientType=0 );}
.btn:hover {background: #3f68cf;
background: -moz-linear-gradient(top,  #3f68cf 0%, #2b51c2 100%); 
background: -webkit-linear-gradient(top,  #3f68cf 0%,#2b51c2 100%); 
background: linear-gradient(to bottom,  #3f68cf 0%,#2b51c2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f68cf', endColorstr='#2b51c2',GradientType=0 );}
</style>
  
<script>
function winconfirm()
{
  question = confirm("The account and password Is right?")    
  if (question != "0"){
      alert("CONGRATULATIONS! SUCCESS BE A CIA SPY");
      window.location = "https://kobezone.github.io/";
  }
}
</script>
</head>

<body>
  <div class="main">
    <h1 class="logo"><img src=""></h1>
    <h2 class="title">Central Intelligence Agency</h2>
    <form>
      <input class="input name" placeholder="account" type="text">
      <input class="input pass" placeholder="password" type="password">
      <a class="btn" href="" onClick="winconfirm(); return false;">login</a>
    </form>
  </div>
  
</body>
</html>